<!DOCTYPE html>
<html lang="zh-cmn-Hans">
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
		<title>鹿程智慧油站商户平台</title>
		<meta name="description" content="鹿程科技是提供加油站互联网化零管系统、营销及支付和大数据分析运营服务的行业领先科技公司。鹿程科技充分了解加油站行业的需求和新兴互联网的发展,依靠业内最先进的科技和标准化的运营,持续帮助油站业务发展创造价值。"/>
		<meta name="keywords" content="智慧油站,鹿程,鹿程智慧油站,鹿程智慧油站微信支付,加油站微信支付,加油站营销管理"/>
		<link rel="icon" href="https://static.zhihuiyouzhan.com.cn/static/styles/admin/img/title.ico" type="image/x-icon">
		<link rel="shortcut icon" href="https://static.zhihuiyouzhan.com.cn/static/styles/admin/img/title.ico" type="image/x-icon">
		<link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
		<link rel="stylesheet" href="../layui/css/layui.css" />
		<link rel="stylesheet" href="../css/style.css" />
	</head>
<body>
	<section class="section-right">
		<!--deer-tit-->
		<div class="deer-tit">
			<h3>消费送券</h3>
			<h4>活动列表</h4>
		</div>
		<!--/deer-tit-->
		<!--deer-content-->
		<div class="deer-content">
			<section class="order-table">
				<table class="layui-table buyer-table-grade" lay-skin="line">
				  	<thead>
					    <tr>
					    	<th>ID</th>
					    	<th>活动名称</th>
					    	<th>优惠券</th>
					    	<th>赠送数量</th>
					    	<th>消费金额</th>
					    	<th>赠送余额</th>
					    	<th>应用场景</th>
					    	<th>可参加次数</th>
					    	<th>状态</th>
					    	<th>查看详情</th>
					    	<th>操作</th>
					    </tr> 
				 	 </thead>
				  	<tbody>
					    <tr>
					    	<td>11</td>
					    	<td>黄金券领取日</td>
					    	<td>黄金日大放送</td>
					    	<td>23</td>
					    	<td>1000.00</td>
					    	<td>12</td>
					    	<td>充值</td>
					    	<td>2000</td>
					    	<td>删除</td>
					    	<td class="order-table-a green">查看详情</td>
					    	<td>
					    		<div class="ware-staff">
				   				<dl>操作<i class="fa fa-angle-down fa-5" aria-hidden="true"></i><input type="hidden" value="0"/></dl>
					   			<dt>
					   				<a href="#" class="marke-revise">下架不可修改</a>
					   			</dt>
				   			</div>
					    	</td>
					    </tr>
					    <tr>
					    	<td>11</td>
					    	<td>黄金券领取日</td>
					    	<td>黄金日大放送</td>
					    	<td>23</td>
					    	<td>1000.00</td>
					    	<td>12</td>
					    	<td>充值</td>
					    	<td>2000</td>
					    	<td>删除</td>
					    	<td class="order-table-a green">查看详情</td>
					    	<td>
					    		<div class="ware-staff">
				   				<dl>操作<i class="fa fa-angle-down fa-5" aria-hidden="true"></i><input type="hidden" value="0"/></dl>
					   			<dt>
					   				<a href="#" class="marke-revise">下架不可修改</a>
					   			</dt>
				   			</div>
					    	</td>
					    </tr>
					    <tr>
					    	<td>11</td>
					    	<td>黄金券领取日</td>
					    	<td>黄金日大放送</td>
					    	<td>23</td>
					    	<td>1000.00</td>
					    	<td>12</td>
					    	<td>充值</td>
					    	<td>2000</td>
					    	<td>删除</td>
					    	<td class="order-table-a green">查看详情</td>
					    	<td>
					    		<div class="ware-staff">
				   				<dl>操作<i class="fa fa-angle-down fa-5" aria-hidden="true"></i><input type="hidden" value="0"/></dl>
					   			<dt>
					   				<a href="#" class="marke-revise">下架不可修改</a>
					   			</dt>
				   			</div>
					    	</td>
					    </tr>
				  	</tbody>
				</table>
				<div class="order-table-footer clearfix">
					<div class="order-table-page">
						<div id="page">
							
						</div>
					</div>
				</div>
			</section>
		</div>
		<!--deer-content-->
	</section>
	
	<!--js-->
	<aside>
		<script type="text/javascript" src="../layui/layui.js" ></script>
		<script type="text/javascript">
			layui.use(['form','laypage','jquery','layer'], function(){
			  	var form = layui.form;
			  	var laypage=layui.laypage;
			  	var layer=layui.layer;
			  	var $=layui.jquery;


				laypage.render({
					elem:'page',
					count:'100',
					theme: '#00cc9a',
				    prev: '«',
				    next: '»',

				})
				
				
				$('.marke-revise').bind('click',function(){
					$('.ware-staff>dt').hide()
					$('.ware-staff>dl input').val(0)
					$('.ware-staff>dl').removeClass('ware-btnbg')
				})

			    
			    
			    $('.ware-staff>dl').bind('click',function(e){
					e.stopPropagation()//取消冒泡
					var	 num=$(this).index('.ware-staff>dl');	
					if($('.ware-staff>dl input').val()==0){
						$('.ware-staff>dt').eq(num).show()
						$('.ware-staff>dl').eq(num).addClass('ware-btnbg')
						$('.ware-staff>dl input').val(1)
					}else{
						$('.ware-staff>dt').hide()
						$('.ware-staff>dl input').val(0)
						$('.ware-staff>dl').removeClass('ware-btnbg')
					}
				})
			    
			    
			    //取消冒泡
				$('.ware-staff>dt').bind('click',function(e){
					e.stopPropagation()
				})
				//全局点击隐藏
				$(document).bind('click',function(){
					$('.ware-staff>dt').hide()
					$('.ware-staff>dl input').val(0)
					$('.ware-staff>dl').removeClass('ware-btnbg')
				})
				
				$('.order-table-a').bind('click',function(){
					layer.open({
						title:"订单详情",
						shadeClose: true,
					    type: 2,
					    offset: ['150px', '25%'],
					    area: ['50%', '600px'],
					    content:"消费送券-活动列表-查看详情.html"
					})
			    })
			    
			    
			    
			    
			});
			</script>
		</script>
	</aside>
	<!--js-->
	
	
	
</body>
</html>